@CHARSET "UTF-8";
body, html {padding: 0; margin: 0;background-color:#1f5486;font-size:14px;height:100%;font-family:"Microsoft YaHei";font-family:"微软雅黑"}
body{background:url(../images/index/bg.jpg) no-repeat; background-size: 100% 100%;}


.clear{clear: both}
.top{height:60px;width:100%;color:#ffffff;background:url(../images/index/headerbg.png) no-repeat;background-size:100% 100%}
.logo img{vertical-align: middle;margin-top:4px;width:50px;height:50px;margin-left:20px}
.logo .lotitle{font-size:22px;position: absolute;height: 60px;line-height: 60px;top:0;left:65px;width:300px}
.logo .lotitle img{width:100%;height:26px;vertical-align: middle;margin-top: 16px;}


.userinfo{width:440px;position: absolute;right:10px;top:0;z-index: 9999}
.userinfo ul{margin:0;padding:0}

.userinfo ul li{float:left;height:60px;width:350px;line-height:60px;
text-align: left;color:#ffffff;cursor: pointer;}
#divopuserinfo  ul li{text-align: center}

.xuanzhuan{transform: rotate(90deg);}
#divopuserinfo{background-color: #ffffff;display: none;width:100px}
#divopuserinfo ul {margin:0;padding:0;background-color: #ffffff;}
#divopuserinfo ul li {background-color: #ffffff;color:#31a99d;width:100px;height:30px;line-height:30px;}
#divopuserinfo ul li a{display: block;height:100%;width:100%;color:#31a99d}

#divopuserinfo ul li:HOVER {background-color: #eeeeee;}


#youbian{position: absolute;width:0;top:60px;right:0;background-color:#ffffff;
display: none ;  z-index: 11;box-shadow: 1px 1px 50px rgba(0,0,0,.3);overflow-y:auto }
.zezao{display:none; z-index: 10;background-color: rgb(0, 0, 0);opacity: 0.1;top: 0;left: 0;
width: 100%;height: 100%;position: fixed;_position: absolute;pointer-events: auto;}

.t_header{height: 42px;line-height: 42px;padding: 0 15px;border-bottom: 1px solid #f6f6f6;
    color: #333;border-radius: 2px 2px 0 0;font-size: 14px;}
.y_body{width:100%;margin:0 auto;margin-top:15px;}
.y_body p{margin-bottom: 10px;color:#666;padding-left:30px}
.zszc{height: 42px;line-height: 42px;padding: 0 15px;border-bottom: 1px solid #f6f6f6;
    color: #333;border-radius: 2px 2px 0 0;font-size: 14px;margin-top:15px}
.wenzi{padding:15px}
.wenzi p{margin-bottom: 10px;color:#666;}
.subp{padding-left:30px;margin-bottom: 5px;}




.middle{margin:15px;position: relative;}
.middle .left{height:100%;width:210px;/*border:1px solid #0d87c7;box-shadow: 0px 0px 2px 2px #0b6e94;padding-top:10px;*/background:url(../images/index/bg01.png) no-repeat; background-size: 100% 100%;}
.left .title{line-height:30px;height:30px;background-color: #2e74b1;width:100%;color:#fff;overflow: auto}

.middle .right{position:absolute;left:230px;top:0;height:100%;/*border:1px solid #0d87c7;box-shadow: 0px 0px 2px 2px #0b6e94;*/}

.rightbackground{background:url(../images/index/bg03.png) no-repeat; background-size: 100% 100%;}




/*更改layui样式*/
.layui-layer-title{height:30px;font-size:14px;line-height:30px;color:#fff;
margin:3px 3px 0 3px !important;background: rgba(11,137,198,0.81);
box-shadow: inset 0 0 24px 0 rgba(6,152,224,0.63);border-bottom:0;}
.layui-layer-setwin{top:12px;color:#fff}   
.layui-layer-iframe .layui-layer-close{background:url(../images/window/CombinedShape.png) no-repeat;background-size:100% 100% !important;}


.layui-layer-shade{/*background: rgba(0,4,29,0.40) !important;*/
background-color: rgb(0,4,29)!important;
    opacity: 0.8 !important;}
.layui-layer-iframe{/*background:url(../images/window/form_bg.png) no-repeat !important;*/background:url(../images/index/bg03.png) no-repeat !important;background-size:100% 100% !important;overflow: hidden;
background: rgba(1,71,105,0.18);
/*box-shadow: inset 0 -6px 24px 0 rgba(57,124,225,0.63);*/}
.layui-layer-content{margin:0 10px 5px 5px}



div::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/  
            width:15px;  
           
    }  
 div::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/  
            background: rgba(0,0,0,0.23); 
            /*opacity: 0.8;
           background: #FFFFFF;*/
    }  
div::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/  
             background: rgba(0,0,0,0.23);
    }  
div::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/  
            background: rgba(0,0,0,0.23);
    }  
div::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/  
        background: rgba(0,0,0,0.30);
        border-radius:4px;  
    }  
div::-webkit-scrollbar-corner {/*边角（位置6）*/  
         
    }  
div::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/  
       
    }
    /*div{  
        scrollbar-arrow-color: red; /**//*三角箭头的颜色*/   
        scrollbar-face-color: #333; /**//*立体滚动条的颜色*/   
        scrollbar-3dlight-color: #666; /**//*立体滚动条亮边的颜色*/   
        scrollbar-highlight-color: #666; /**//*滚动条空白部分的颜色*/   
        scrollbar-shadow-color: #999; /**//*立体滚动条阴影的颜色*/   
        scrollbar-darkshadow-color: #666; /**//*立体滚动条强阴影的颜色*/   
        scrollbar-track-color: #666; /**//*立体滚动条背景颜色*/   
        scrollbar-base-color:#f8f8f8; /**//*滚动条的基本颜色*/   
    }  */





    